<template>
	<div>
		<div class="mineNav">
			<MineNav :navTitle="navTitle" />
		</div>
		<router-link :to="{name:'mineIndex'}">
			<img class="leftArrow" src="../../../assets/images/dynamicState/37/f-1.png" alt="" />
		</router-link>
		<p class="submitPass" @click="submit">提交</p>
		
        <div class="signatrue">
        	<textarea placeholder="请输入您的宝贵意见..." v-model="modelVal"></textarea>
        	<div class="suggestBottom">
        		<p>您的支持和建议将是我们前进的动力</p>
        	</div>
        </div>
        
        <el-dialog
		  title="提示"
		  :visible.sync="dialogVisible"
		  width="30%"
		 >
		  <!--<span v-if="isShow">谢谢您的宝贵建议</span>-->
		  <span>输入内容不能为空</span>
		 <!-- <span slot="footer" class="dialog-footer">
		    <el-button @click="dialogVisible = false">取 消</el-button>
		    <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
		  </span>-->
		</el-dialog>
	</div>
</template>

<script>
	import MineNav from "../public/mineNav"
	export default {
		data(){
			return{
				navTitle:"意见反馈",
				modelVal:'',
				rowImg:require("../../../assets/images/mine/47/rightRow.png"),
			    dialogVisible: false,
			    isShow:false
			}
		},
		components:{
			MineNav
		},
		methods:{
			submit(){
				if(this.modelVal){
					this.dialogVisible = false;
					history.back();
				}else{
				    this.dialogVisible = true;
				}
			}
		}
		
	}
</script>

<style scoped lang="less">
	@current: 100rem;
	.mineNav {
		height: 88/@current;
	}
	.leftArrow {
		position: fixed;
		top: 26/@current;
		left: 40/@current;
		z-index: 333;
		width: 22/@current;
	}
	.submitPass{
		position: fixed;
		top: 23/@current;
		right: 40/@current;
		z-index: 333;
		font-size:32/@current;
		color:white;
	}
	.signatrue{
		margin-top:20/@current;
		width:100%;
		position:relative;
		textarea{
			border:none;
			font-size:30/@current;
			width:600/@current;
			height:910/@current;
			padding-left:40/@current;
			padding-top:10/@current;
			border-bottom:1/@current solid #d7d2e0;
		}
		.suggestBottom{
			width:100%;
			height:76/@current;
			margin:0;
			background:#f2eef9;
			border-bottom:1/@current solid #d7d2e0;
			
			p{
				font-size:24/@current;
				color:#B5B0BF;
				height:76/@current;
				line-height:50/@current;
				text-align: center;
			}
		}
	}

</style>